<template>
  <div class="bg-zinc-100 h-full flex justify-center">
    <div class="bg-white w-4/5 my-5 rounded-sm p-5">
      <h1 class="font-bold text-3xl mb-5">2022年国内外前端发展态势</h1>
      <div class="flex justify-between align-center">
        <div class="flex">
          <img src="./images/1.jpeg" alt="avatar" class="w-12 h-12 rounded-3xl mr-5" />
          <div>
            <span>起舞精选</span>
            <div>
              <span>2022年08月01日 19:32</span>
              <span>.</span>
              <span> 阅读 20576</span>
            </div>
          </div>
        </div>
        <button>关注</button>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: "App",
};
</script>

<script lang="ts" setup></script>

<style scoped></style>
